<?php
/**
* @Pagina con la parametrizacion del servicio, nivel y categoria del servicio.
* @Autor: Andrea Martinez
* @Pagina con la vista de la parametrizacion general
* @Fecha: 30-12-2014
*/	
    session_start();
    if(!isset($_SESSION['usuario'])){
            header('location:../html/login.html');
         }
         
         echo'
            <center>
                <title>Parametrizacion</title>
                <table>
                    <tr>
                        <td>';
                            include_once 'menu.php';
                            echo"
                        </td>
                     </tr>
                </table>";
?>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="jquery-1.9.1.min.js"></script>
        
         <!--Librerias de la botoneria y pop-up-->
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="../Modal/css/bootstrap.min.css" rel="stylesheet">
        <script src="../Modal/js/bootstrap.min.js"></script>
        
        <!-- LIBRERIAS JQUERY PARA LA CREACION DE LAS ALERTAS -->
        <script type="text/javascript" src="../../Ginecobstetricia/vista/js/alertify.js"></script>
        <link rel="stylesheet" href="../../Ginecobstetricia/vista/css/alertify.core.css" />
        <link rel="stylesheet" href="../../Ginecobstetricia/vista/css/alertify.default.css" />
        
        <!--Librerias Para La Creacion De Autocomple-->
        <script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="../js/jquery-ui-1.8.4.custom.min.js"></script>
        <link type="text/css" rel="stylesheet" href="../css/jquery-ui-1.8.4.custom.css" />
        <link type="text/css" rel="stylesheet" href="../css/estilo.css" />
        <style>
            
            
             #tabla{
                font-size: 85%;
                background-color: #E2ECEE;
                border-radius: 10px;
                margin: auto;
                border: 1px solid #CED5D7;
                border-radius: 20px;
                padding: 25px 43px 18px;
                margin-top: 25px;
                background-color: white;
                box-shadow: 0px 5px 10px #B5C1C5, 0 0 0 10px #EEF5F7 inset;
                width: 500px;
            }
            .white {
                border-radius: 5px;
                color: #606060;
                border: solid 1px #b7b7b7;
                background: #fff;
                background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
                background: -moz-linear-gradient(top,  #fff,  #ededed);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
                padding: 4px 4px 4px;
                height: 25px;
                font-size: 11px;
            }
            .white:hover {
                background: #ededed;
                background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
                background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
            }
            .white:active {
                color: #999;
                background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
                background: -moz-linear-gradient(top,  #ededed,  #fff);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
            }
            
            #miTabla tr:nth-child(odd) {
                background-color: #FFFFFF;
                
             }

             #miTabla tr:nth-child(even) {
                background-color: #DAEAFF;
                
             }
             
             .white_content {
                display: none;
                position: absolute;
                top:20%;
                left: 30%;
                width: 40%;
                height: 50%;
                padding: 1%;
                z-index:1002;
               /* overflow: auto;*/
                background-color: white;
                border-radius: 10px;
            }
            
            .black_overlay{
                display: none;
                position: absolute;
                top: 0%;
                left: 0%;
                width: 100%;
                height: 100%;
                background-color: black;
                z-index:1001;
                -moz-opacity: 0.8;
                opacity:.80;
                filter: alpha(opacity=80);
            }
             
            label,input,button,select,textarea{font-size:14px;font-weight:normal;line-height:20px}input,button,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}label{display:block;margin-bottom:5px}select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{display:inline-block;height:28px;padding:4px 6px;margin-bottom:10px;font-size:14px;line-height:20px;color:#555;vertical-align:middle;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}input,textarea,.uneditable-input{width:250px}textarea{height:auto}textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82,168,236,0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6)}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;*margin-top:0;line-height:normal}input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto}select,input[type="file"]{height:30px;*margin-top:4px;line-height:30px}select{width:250px;background-color:#fff;border:1px solid #ccc}select[multiple],select[size]{height:auto}select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.uneditable-input,.uneditable-textarea{color:#999;cursor:not-allowed;background-color:#fcfcfc;border-color:#ccc;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);box-shadow:inset 0 1px 2px rgba(0,0,0,0.025)}.uneditable-input{overflow:hidden;white-space:nowrap}.uneditable-textarea{width:auto;height:auto}input:-moz-placeholder,textarea:-moz-placeholder{color:#999}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999}.radio,.checkbox{min-height:20px;padding-left:20px}.radio input[type="radio"],.checkbox input[type="checkbox"]{float:left;margin-left:-20px}.controls>.radio:first-child,.controls>.checkbox:first-child{padding-top:5px}.radio.inline,.checkbox.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle}.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline{margin-left:10px}.input-mini{width:60px}.input-small{width:90px}.input-medium{width:150px}.input-large{width:210px}.input-xlarge{width:270px}.input-xxlarge{width:530px}input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"]{float:none;margin-left:0}.input-append input[class*="span"],.input-append .uneditable-input[class*="span"],.input-prepend input[class*="span"],.input-prepend .uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"],.row-fluid .input-prepend [class*="span"],.row-fluid .input-append [class*="span"]{display:inline-block}input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:20px}input.span12,textarea.span12,.uneditable-input.span12{width:926px}input.span11,textarea.span11,.uneditable-input.span11{width:846px}input.span10,textarea.span10,.uneditable-input.span10{width:766px}input.span9,textarea.span9,.uneditable-input.span9{width:686px}input.span8,textarea.span8,.uneditable-input.span8{width:606px}input.span7,textarea.span7,.uneditable-input.span7{width:526px}input.span6,textarea.span6,.uneditable-input.span6{width:446px}input.span5,textarea.span5,.uneditable-input.span5{width:366px}input.span4,textarea.span4,.uneditable-input.span4{width:286px}input.span3,textarea.span3,.uneditable-input.span3{width:206px}input.span2,textarea.span2,.uneditable-input.span2{width:126px}input.span1,textarea.span1,.uneditable-input.span1{width:46px}.controls-row{*zoom:1}.controls-row:before,.controls-row:after{display:table;line-height:0;content:""}.controls-row:after{clear:both}.controls-row [class*="span"],.row-fluid .controls-row [class*="span"]{float:left}.controls-row .checkbox[class*="span"],.controls-row .radio[class*="span"]{padding-top:5px}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background-color:#eee}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly]{background-color:transparent}.control-group.warning .control-label,.control-group.warning .help-block,.control-group.warning .help-inline{color:#c09853}.control-group.warning .checkbox,.control-group.warning .radio,.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#c09853}.control-group.warning input,.control-group.warning select,.control-group.warning textarea{border-color:#c09853;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#a47e3c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e}.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#c09853;background-color:#fcf8e3;border-color:#c09853}
            
            .login {
              position: relative;
              margin: 0 auto;
              padding: 20px 20px 20px;
              width: 875px;
              height: 380px;
              background: white;
              border-radius: 3px;
              -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
              box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
            }
            .login:before {
              content: '';
              position: absolute;
              top: -8px;
              right: -8px;
              bottom: -8px;
              left: -8px;
              z-index: -1;
              background: rgba(0, 0, 0, 0.08);
              border-radius: 4px;
            }
            .login h1 {
              margin: -20px -20px 21px;
              line-height: 40px;
              font-size: 15px;
              font-weight: bold;
              color: #555;
              text-align: center;
              text-shadow: 0 1px white;
              background: #f3f3f3;
              border-bottom: 1px solid #cfcfcf;
              border-radius: 3px 3px 0 0;
              background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
              background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
              background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
              background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
              -webkit-box-shadow: 0 1px whitesmoke;
              box-shadow: 0 1px whitesmoke;
            }
            
            .login h2 {
              line-height: 40px;
              font-size: 11px;
              font-weight: bold;
              color: #555;
              text-align: center;
              text-shadow: 0 1px white;
              background: #f3f3f3;
              border-bottom: 1px solid #cfcfcf;
              border-radius: 3px 3px 0 0;
              background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
              background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
              background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
              background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
              -webkit-box-shadow: 0 1px whitesmoke;
              box-shadow: 0 1px whitesmoke;
            }
            
            .login p {
              margin: 20px 0 0;
            }
            .login p:first-child {
              margin-top: 0;
            }
            .login input[type=text], .login input[type=password] {
              width: 278px;
            }
            .login p.remember_me {
              float: left;
              line-height: 31px;
            }
            .login p.remember_me label {
              font-size: 12px;
              color: #777;
              cursor: pointer;
            }
            .login p.remember_me input {
              position: relative;
              bottom: 1px;
              margin-right: 4px;
              vertical-align: middle;
            }
            .login p.submit {
              text-align: right;
            }

            .login-help {
              margin: 20px 0;
              font-size: 11px;
              color: white;
              text-align: center;
              text-shadow: 0 1px #2a85a1;
            }
            .login-help a {
              color: #cce7fa;
              text-decoration: none;
            }
            .login-help a:hover {
              text-decoration: underline;
            }
            #titulo {
                font-size: 20px;
                color: #323133;
                font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
                letter-spacing: -1px;
                text-decoration: none; 
                text-shadow: 1px 1px #fff, 0 0 #0e0e0e, 2px 3px 1px #e3e3e3; 
                text-transform: none; 
                word-spacing: -2px;
            }
            
            body {
              font: 13px/20px 'Lucida Grande', Tahoma, Verdana, sans-serif;
              color: #404040;
            }

            .formulario {
              position: relative;
              margin: 0 auto;
              left: -19px;
              padding: 20px 20px 20px;
              width: 320px;
              height: 380px;
              background: white;
              border-radius: 3px;
              -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
              box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
              
            }
            .formulario:before {
              content: '';
              position: absolute;
              top: -8px;
              right: -8px;
              bottom: -8px;
              left: -8px;
              z-index: -1;
              background: rgba(0, 0, 0, 0.08);
              border-radius: 4px;
            }
            .formulario h1 {
              height: 40px;
              width: 320px;
              margin: -20px -20px 21px;
              line-height: 40px;
              font-size: 15px;
              font-weight: bold;
              color: #555;
              text-align: center;
              text-shadow: 0 1px white;
              background: #f3f3f3;
              border-bottom: 1px solid #cfcfcf;
              border-radius: 3px 3px 0 0;
              background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
              background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
              background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
              background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
              -webkit-box-shadow: 0 1px whitesmoke;
              box-shadow: 0 1px whitesmoke;
            }
            

            :-moz-placeholder {
              color: #c9c9c9 !important;
              font-size: 13px;
            }

            ::-webkit-input-placeholder {
              color: #ccc;
              font-size: 13px;
            }

            input {
              font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
              font-size: 14px;
            }
          
            
          .exterior{
            float:center;
            border:0;
            clear: both;
            width:99%;
            height:24px;
            padding: 0;
            overflow:hidden;
            position: static;
            }
            .interior {
            float:left;
            border:0;
            clear: both;
            width:100.4%;
            height:280px;
            padding: 0;
            overflow-x: hidden;
            overflow-y:scroll; 
            position: static;
            border-style: solid; border-width: 1px;border-color:#E6E6E6
            }
            .interior2 {
            float:left;
            border:0;
            clear: both;
            width:100.4%;
            height:450px;
            padding: 0;
            overflow-x: hidden;
            overflow-y:scroll; 
            position: static;
            border-style: solid; border-width: 1px;border-color:#E6E6E6
            }
            thead.fixedHeader th {
            width:200px;
            font-family:arial;
            font-size:0.8em;
            background-color: #f3f3f3;
            color: #555;
            }
           
            tbody.scrollContent td {
            width:200px;
            font-family:arial;
            font-size:0.7em;
            text-align: center;
            }
                     
        </style>
        <script>
            //
            function MarcarAleatorio(){
                if(document.getElementById("Aleatorio").checked == true){
                    document.getElementById("NombreUsuario").disabled = true;
                    document.getElementById("NombreUsuario").value = "";
                    document.getElementById("Usuario").value = "";
                }else{
                    document.getElementById("NombreUsuario").disabled = false;
                }
            }
       
       function CargarUsuario(){
            $('#NombreUsuario').autocomplete({
               source : '../../Bitacora/Controlador/Consultas/BllClasificacion.php?tc=4',
               select : function(event, ui){
                   $('#resultados').slideUp('slow', function(){
                        $('#resultados').html(
                            '<strong>Nombre: </strong>' + ui.item.value

                        );
                   });
                   document.getElementById("Usuario").value = ui.item.Oid;
                   $('#resultados').slideDown('slow');
               }
            });
            
            $('#UsuarioGlobal').autocomplete({
               source : '../../Bitacora/Controlador/Consultas/BllClasificacion.php?tc=4',
               select : function(event, ui){
                   $('#resultados').slideUp('slow', function(){
                        $('#resultados').html(
                            '<strong>Nombre: </strong>' + ui.item.value

                        );
                   });
                   document.getElementById("OidUsuarioGlobal").value = ui.item.Oid;
                   $('#resultados').slideDown('slow');
               }
            });
            
        }
        
        function DatosParametrizacion(){
            var tc = 3;
            $.ajax({
                 async: true,
                 type:"POST",
                 datatype: "json",
                 contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                 url: "../../Bitacora/Controlador/Consultas/BllClasificacion.php",
                 data:{tc:tc},
                 success: MostrarParametrizacion
            });
        }
        
        function MostrarParametrizacion(datos){
            $("#dato").text("");
            rpt = $.parseJSON(datos);
                    datos = $("#dato");
                    var resp = "";
                    resp += "<table id='t2' class='t2' style='height:20%;width:100.2%;' border='0' cellpadding='2' cellspacing='0'>\
                              <tbody class='scrollContent'> ";
                     var con = 1;
                     var Componentes = 0;
                     var Componentes2 = "0";
                     for(dat in rpt){
                         
                     var NivelAleatorio = rpt[dat].CsAleatorio;
                     if(NivelAleatorio == 1){
                      var NivelServicio = '<font color=red><b>Servicio Aleatorio</font></b>';
                     }else{
                         NivelServicio = rpt[dat].NOMBRES;
                     }
                     
                     Componentes = rpt[dat].CANTIDAD;
                     
                     if(Componentes > 0){
                         
                         Componentes2 = "<a href='javascript:CargarTablaComponentes("+ rpt[dat].CategoriaServiciosId +")'><label data-toggle='modal' data-target='#VentanaComponentes' style='cursor:pointer;font-size:100%'>Si</label></a>";
                         
                     }else{
                         
                         Componentes2 = "<a href='javascript:CargarTablaComponentes("+ rpt[dat].CategoriaServiciosId +")'><label data-toggle='modal' data-target='#VentanaComponentes' style='cursor:pointer;font-size:100%'>No</label></a>";
                         
                     }
                     
                     /*Se ingreso el oid del tipo de servicio y el estado del usuario global*/
                     
                     document.getElementById("OidTipoNecesidad").value = rpt[dat].OidTipoNecesidad;
                     document.getElementById("EstadoUsuarioGlobal").value = rpt[dat].UsuarioGlobal;
                     
                     resp += "<tr id='trt' class='trt' style=' padding:0.5px 5px 0.5px;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));'>\
                                    <td style='padding-left:10px'>\
                                        "+rpt[dat].TnDescripcion+"<input type='hidden' name='' id='TipNecesidadOid"+dat+"' value='"+rpt[dat].TipNecesidadOid+"'/><input type='hidden' name='' id='DescripcionNecesidad"+dat+"' value='"+rpt[dat].TnDescripcion+"'/>\
                                    </td>\
                                    <td style='padding-left:10px'>\
                                        "+rpt[dat].NsNombre+"<input type='hidden' name='' id='NombreNivel"+dat+"' value='"+rpt[dat].NivServicioOid+"'/><input type='hidden' name='' id='NomNivel"+dat+"' value='"+rpt[dat].NsNombre+"'/>\
                                    </td>\
                                    <td style='padding-left:10px'>\
                                        <a href='javascript:EditarCategoria("+dat+","+rpt[dat].CategoriaServiciosId+");'>"+rpt[dat].CsNombre+"</a><input type='hidden' name='' id='NombreCategoria"+dat+"' value='"+rpt[dat].CsNombre+"'/>\
                                    </td>\
                                    <td style='padding-left:10px'>\
                                        "+NivelServicio+"<input type='hidden' name='' id='UsuarioEncargadoId"+dat+"' value='"+rpt[dat].UsuarioOid+"'/><input type='hidden' name='' id='NombreEncargado"+dat+"' value='"+rpt[dat].NOMBRES+"'/><input type='hidden' name='' id='Aleatorio"+dat+"' value='"+rpt[dat].CsAleatorio+"'/>\
                                   </td>\
                                   <td style='padding-left:10px'>\
                                       "+ Componentes2 +"\
                                   </td>\
                                 </tr> ";
                   con++;
                   } 
                   resp += "</table>";
                   datos.append(resp);
                   
                   var UsuarioGlobal = rpt[dat].NOMBRES;
                   
                   ValidadCheckUsuarioGlobal(rpt[dat].OidUsuarioGlobal,UsuarioGlobal);
        }
        
        function ValidadCheckUsuarioGlobal(UsuarioGlobal,NombreUsuGlobal){
            
            var Estado = document.getElementById("EstadoUsuarioGlobal").value; 
            
            if(Estado == 1){
                
                document.getElementById("AdminGlobal").checked = true;
                document.getElementById("ImgEditarUsuarioGlobal").style.display = 'block';
                document.getElementById("UsuarioGlobal").value = NombreUsuGlobal;
                document.getElementById("OidUsuarioGlobal").value = UsuarioGlobal;
                
            }else if(Estado == 0){
                
                document.getElementById("AdminGlobal").checked = false;
                
            }
            
        }
        
        function CargarTablaComponentes(OidClasificacion){
            
            document.getElementById("OidClasificacion").value = OidClasificacion;
            CargarComponentes(); 
            
        }
        
        function EditarCategoria(posi,Oid){            
            $("#NombreUsuario").val("");
            document.getElementById("BotonGuarda").innerHTML = '<input type="button" value="Editar" class="btn btn-success" onclick="EditarClasificacion('+Oid+');"/>';
            document.getElementById("Aleatorio").checked = false;
            document.getElementById("NombreUsuario").disabled = false;
            document.getElementById("Nivel").value = $("#NombreNivel"+posi).val();
            document.getElementById("DescripcionNivel").value = $("#NomNivel"+posi).val();
            document.getElementById("Clasificacion").value = $("#NombreCategoria"+posi).val();
            document.getElementById("TipoNecesidad").value = $("#TipNecesidadOid"+posi).val();
            document.getElementById("NombreTipoNecesidad").value = $("#DescripcionNecesidad"+posi).val();
            if($("#Aleatorio"+posi).val() == 1){
                document.getElementById("Aleatorio").checked = true;
                document.getElementById("NombreUsuario").disabled = true;
            }else{
                document.getElementById("Usuario").value = $("#UsuarioEncargadoId"+posi).val();
                document.getElementById("NombreUsuario").value = $("#NombreEncargado"+posi).val();
            }
        }
        function EditarClasificacion(Oid){
             if($("#TipoNecesidad").val()===""){
                alertify.alert("Seleccione Un Área De Servicio"),function(){
                 $("#TipoNecesidad").focus();   
                };
                return false;
            }
             if($("#Nivel").val()===""){
                alertify.alert("Seleccione El Nivel De Servicio"),function(){
                 $("#Nivel").focus();   
                };
                return false;
            }
            if($("#Clasificacion").val()===""){
                alertify.alert("Digite El Nombre De La Clasificacion"),function(){
                 $("#Clasificacion").focus();   
                };
                return false;
            }
            if(document.getElementById("Aleatorio").checked == false  && $("#Usuario").val()== ""){
                alertify.alert("Seleccione Un Usuario Administrador Del Servició"),function(){
                 $("#Usuario").focus();   
                };
                return false;
            }
            
            var Clasificacion = $("#Clasificacion").val();
            var Nivel = $("#Nivel").val();
            if(document.getElementById("Aleatorio").checked == true){
                var Aleatorio = 1;
            }else{
                Aleatorio = 0;
            }
            var Usuario = $("#Usuario").val();
            var Area = $("#TipoNecesidad").val();
            var tc = 2;
            
             $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../Bitacora/Controlador/Consultas/BllClasificacion.php",
                    data: {Area:Area,Clasificacion:Clasificacion,Nivel:Nivel,Aleatorio:Aleatorio,Usuario:Usuario,tc:tc,Oid:Oid},
                    success: MensajeEditarC
                });
            
        }
        function MensajeEditarC(){
            document.getElementById("BotonGuarda").innerHTML='<input type="button" value="Guardar" class="btn btn-success" onclick="GuardarClasificacion();"/>';
            $("#Clasificacion").val("");
            $("#Nivel").val("");
            $("#Usuario").val("");
            $("#NombreUsuario").val("");
            $("#DescripcionNivel").val("");
            $("#TipoNecesidad").val("");
            $("#NombreTipoNecesidad").val("");
            document.getElementById("Aleatorio").checked = false;
            document.getElementById("NombreUsuario").disabled = false;
            DatosParametrizacion();
            alertify.success("Los Datos Se Editaron Con Exito");
        }
        
        function CancelarNuevoNivel(){
            $("#NuevoNivel").text("");
        }
        
        function GuardarNivel(){
            if($("#NombreNivel").val()===""){
                alertify.alert("Digite El Nombre Del Nivel De Servicio"),function(){
                 $("#NombreNivel").focus();   
                };
                return false;
            }if($("#TipoArea").val()===""){
                alertify.alert("Seleccione Una Área De Servicio"),function(){
                 $("#TipoArea").focus();   
                };
                return false;
            }
            else{
                var Nombre = $("#NombreNivel").val();
                var TipoArea = $("#TipoArea").val();
                var tc = 1;
                 $.ajax({
                        type: "POST",
                        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                        url: "../../Bitacora/Controlador/Consultas/BllNivel.php",
                        data:{Nombre:Nombre,TipoArea:TipoArea,tc:tc},
                        success: MensajeGuardar
                    });
            }
        }
        
        function MensajeGuardar(){
            alertify.success("Los Datos Se Guardaron Con Exito");
            $("#NombreNivel").val("");
            ConsultarNivel();
            ComboNivel();
        }
        function CargarNivel(){
                if($("#TipoNecesidad").val()===""){
                alertify.alert("Seleccione Un Área De Servicio"),function(){
                 $("#TipoNecesidad").focus();   
                };
                 $('#DatosVentanaNivel').text("");
                }else{
                    CargarComboArea();
                    setTimeout('DatoComboNivel();',300);
                    $('#DatosVentanaNivel').html('<div id="DatosVentanaNivel">\
                                        <div class="modal fade" id="VentanaNivel" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true" style="padding: 100px" >\
                                                <div class="modal-dialog modal-lg">\
                                                  <div class="modal-content" style="width: 800px;height: 400px">\
                                                      <div class="modal-header">\
                                                          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>\
                                                          <h4 class="modal-title" id="myModalLabel">NUEVO NIVEL DE SERVICIO</h4>\
                                                      </div>\
                                                      <div class="modal-body">\
                                                          <div style="height: 490px;">\
                                                              <table>\
                                                                  <tr>\
                                                                      <td>\
                                                                          <div class="exterior" >\
                                                                            <table id="t1" class="t1" style="height:100%;width:100%;" border="0" cellpadding="0" cellspacing="1" border>\
                                                                            <thead class="fixedHeader" style="color:white;background:#069;position:static ;">\
                                                                            <tr>\
                                                                            <th>Descripcion</th>\
                                                                            <th>Área De Servicio</th>\
                                                                            <th>Editar</th>\
                                                                            </tr>\
                                                                            </thead>\
                                                                            </table>\
                                                                          </div>\
                                                                          <div class="interior2" id="inte2" style="width: 750px;height: 230px">\
                                                                                <div id="DatosNivel"></div>\
                                                                          </div>\
                                                                      </td>\
                                                                  </tr>\
                                                                  <tr>\
                                                                      <td><br>\
                                                                          <form>\
                                                                              <table style="font-size:90%; width: 100%">\
                                                                                <tr>\
                                                                                    <td>\
                                                                                        <input placeholder="Nombre Nivel" type="text"  style="width: 100%" name="" value="" id="NombreNivel"/>\
                                                                                    </td>\
                                                                                    <td style="padding-bottom: 10px;  padding-right: 5px;" align="right">\
                                                                                        Área De Servicio:\
                                                                                    </td>\
                                                                                    <td>\
                                                                                    <input type="text" name="" value="" style="width: 100%" disabled id="NomTipoArea"/><input type="hidden" name="" value="" id="TipoArea"  />\
                                                                                    </td>\
                                                                                    <td style="padding-bottom: 10px; padding-left: 5px" align="right">\
                                                                                        <div id="BotonNivel"><input type="button" value="Guardar" class="btn btn-success" onclick="GuardarNivel();"/></div>\
                                                                                    </td>\
                                                                                    <td style="padding-bottom: 10px; padding-left: 5px">\
                                                                                        <input type="button" value="Limipiar" class="btn btn-info" onclick="LimpiarCampo();"/>\
                                                                                    </td>\
                                                                                </tr>\
                                                                            </table>\
                                                                          </form>\
                                                                       </td>\
                                                              </table>\
                                                          </div>\
                                                      </div>\
                                                  </div>\
                                                </div>\
                                              </div>\
                                    </div>\ ');
                }
         }
        function LimpiarCampo(){
            $("#NombreNivel").val("");
        }
        function DatoComboNivel(){
            $("#NomTipoArea").val($("#NombreTipoNecesidad").val());
            $("#TipoArea").val($("#TipoNecesidad").val());
            ConsultarNivel();
        }
        function ConsultarNivel(){
            var TipoArea = $("#TipoArea").val();
            var tc = 5;
             $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../Bitacora/Controlador/Consultas/BllNivel.php",
                    data: {tc:tc,TipoArea:TipoArea},
                    success: DatosNivel
                });
        }
        
        function DatosNivel(datos){
            $("#DatosNivel").text("");
                rpt = $.parseJSON(datos);
                        datos = $("#DatosNivel");
                        var resp = "";
                        resp += "<table id='t2' class='t2' style='height:20%;width:100.2%;' border='0' cellpadding='2' cellspacing='0'>\
                                    <tbody class='scrollContent'>";
                         var con = 1;
                         for(dat in rpt){
                         resp += "<tr id='trt' class='trt' style=' padding:0.5px 5px 0.5px;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));'>\
                                        <td>\
                                            "+rpt[dat].NsNombre+"<input type='hidden' name='' id='NivelNombre"+dat+"' value='"+rpt[dat].NsNombre+"'/>\
                                        </td>\
                                       <td align='center'>\
                                            "+rpt[dat].TnDescripcion+"<input type='hidden' name='' id='TipAreaOid"+dat+"' value='"+rpt[dat].TipNecesidadOid+"' />\
                                       </td>\
                                       <td align='center'>\
                                            <img src='../Imagen/edi.png' width='20' height='20' alt='edi' onclick='Editar("+dat+","+rpt[dat].OidNivel+");'/>\
                                       </td>\
                                     </tr> ";
                       con++;
                       } 
                       resp += "</table>";
                       datos.append(resp);
            }
        
        function CargarComboArea(){
             var tc = 2;
                 $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../Bitacora/Controlador/Consultas/BllTipoNecesidad.php",
                    data:{tc:tc},
                    success: ComboArea
                });
        }
        
        function ComboArea(datos){
            rpt = $.parseJSON(datos);
            $("#TipoArea").html('<option value="">---</option>');
            datos = $("#TipoArea");
                for(dat in rpt ){
                    datos.append("<option value='"+ rpt[dat].Oid +"'>"+ rpt[dat].TnDescripcion +"</option>");
                }
        }
         function Editar(posi,Oid){
            document.getElementById("NombreNivel").value = $("#NivelNombre"+posi).val();
            document.getElementById("TipoArea").value = $("#TipAreaOid"+posi).val();
            document.getElementById("BotonNivel").innerHTML = '<input type="button" value="Editar" class="btn btn-success" onclick="EditarNivel('+Oid+');"/>';
        }
        
        function EditarNivel(NivelId){;
            if($("#NombreNivel").val()===""){
                alertify.alert("Digite El Nombre Del Nivel De Servicio"),function(){
                 $("#NombreNivel").focus();   
                };
                return false;
            }if($("#TipoArea").val()===""){
                alertify.alert("Seleccione Una Área De Servicio"),function(){
                 $("#TipoArea").focus();   
                };
                return false;
            }else{
                var Nombre = $("#NombreNivel").val();
                var TipoArea = $("#TipoArea").val();
                var tc = 3;
                 $.ajax({
                        type: "POST",
                        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                        url: "../../Bitacora/Controlador/Consultas/BllNivel.php",
                        data: {NivelId:NivelId,Nombre:Nombre,TipoArea:TipoArea,tc:tc},
                        success: MensajeEditar
                    });
            }
        }
        
        function MensajeEditar(){
            $("#NombreNivel").val("");
            alertify.success("Los Datos Se Editaron Con Exito");
            document.getElementById("BotonNivel").innerHTML = '<input type="button" value="Guardar" class="btn btn-success" onclick="GuardarNivel();"/>';
            ConsultarNivel();
            ComboNivel();
        }
        
        function LimpiarFormulario(){
            document.getElementById("Usuario").disabled = false;
            document.getElementById("BotonGuarda").innerHTML='<input type="button" value="Guardar" class="btn btn-success" onclick="GuardarClasificacion();"/>';
        }
        
        function GuardarClasificacion(){
            if($("#TipoNecesidad").val()===""){
                alertify.alert("Seleccione Un Área De Servicio"),function(){
                 $("#TipoNecesidad").focus();   
                };
                return false;
            }
            if($("#Nivel").val()===""){
                alertify.alert("Seleccione El Nivel De Servicio"),function(){
                 $("#Nivel").focus();   
                };
                return false;
            }
            if($("#Clasificacion").val()===""){
                alertify.alert("Digite El Nombre De La Clasificacion"),function(){
                 $("#Clasificacion").focus();   
                };
                return false;
            }
            if(document.getElementById("Aleatorio").checked == false  && $("#Usuario").val()===""){
                alertify.alert("Seleccione Un Usuario Administrador Del Servició"),function(){
                 $("#Usuario").focus();   
                };
                return false;
            }
            
            var Clasificacion = $("#Clasificacion").val();
            var Nivel = $("#Nivel").val();
            if(document.getElementById("Aleatorio").checked == true){
                var Aleatorio = 1;
            }else{
                Aleatorio = 0;
            }
            
            var Usuario = $("#Usuario").val();
            var Area = $("#TipoNecesidad").val();
            var tc = 1;
             $.ajax({
                    async: true,
                    type: "POST",
                    dataType: 'json',
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../Bitacora/Controlador/Consultas/BllClasificacion.php",
                    data: {Area:Area,Clasificacion:Clasificacion,Nivel:Nivel,Aleatorio:Aleatorio,Usuario:Usuario,tc:tc},
                    success: MensajeGuardarC
                });
        }
        
        function MensajeGuardarC(datos){
            
            /*Se recibe oid de la clasificacion recien generada*/
            var OidClas = datos.OidClasificacion;
            alertify.success("Los datos se guardaron con exito");
            
            document.getElementById("Componentes").innerHTML = '<table style="font-size:100%">\
                                                        <tr>\
                                                            <td>\
                                                                La clasificación requiere componentes?\
                                                            </td>\
                                                            <td style="width:10px"></td>\
                                                            <td>\
                                                                <input type="button" id="Si" class="btn btn-success" data-toggle="modal" data-target="#VentanaComponentes" value="Si" onclick="CrearComponente(1,'+ OidClas +')"/>\
                                                            </td>\
                                                            <td style="width:5px"></td>\
                                                            <td>\
                                                                <input type="button" id="NO" class="btn btn-danger" value="No" onclick="CrearComponente(2,0)"/>\
                                                            </td>\
                                                        </tr>\
                                                   </table>';            
        }
        
        function CrearComponente(Parametro,OidClas){
            
            $("#DatosComponentes").text("");
            
            if(Parametro == 1){
                
                document.getElementById("OidClasificacion").value = OidClas;
                
            }else if(Parametro == 2){
                
                $("#DescripcionNivel").val("");
                $("#Clasificacion").val("");
                $("#NombreUsuario").val("");
                $("#TipoNecesidad").val("");
                $("#NombreTipoNecesidad").val("");
                document.getElementById("Aleatorio").checked = false;
                document.getElementById("NombreUsuario").disabled = false;
                document.getElementById("Componentes").innerHTML = '';
                DatosParametrizacion();
                
            }
            
        }
        
        function GuardarComponente(){
            
            var NombreComponente = document.getElementById("NombreComponente").value;
            var OidClasificacion = document.getElementById("OidClasificacion").value;
            
            if($("#NombreComponente").val() == ""){
                alertify.alert("Digite el nombre del componente."),function(){
                 $("#NombreComponente").focus();   
                };
                return false;
            }
            
            $.ajax({
                async: true,
                type: "POST",
                dataType: 'json',
                contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                url: "../../Bitacora/Controlador/Consultas/BllComponente.php",
                data: {tc:1,NombreComponente:NombreComponente,OidClasificacion:OidClasificacion},
                success: MensajeGuardarComponente
            });
            
        }
        
        function MensajeGuardarComponente(datos){
            
            CargarComponentes();
            
        }
        
        function CargarComponentes(){
            
            var OidClasificacion = document.getElementById("OidClasificacion").value;
            
            $.ajax({
                type: "POST",
                contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                url: "../../Bitacora/Controlador/Consultas/BllComponente.php",
                data: {tc:2,OidClasificacion:OidClasificacion},
                success: RespuestaCargarComponente
            });
            
        }
        
        function RespuestaCargarComponente(datos){
            
            $("#DatosComponentes").text("");
                
            rpt = $.parseJSON(datos);

            datos = $("#DatosComponentes");
            var resp = "";

            resp += "<table id='t2' class='t2' style='height:30%;width:100.2%;' border='0' cellpadding='2' cellspacing='0'>\
                        <tbody class='scrollContent'>";

             for(dat in rpt){

                resp += "<tr id='trt' class='trt' style='border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));'>\
                               <td>\
                                   "+rpt[dat].CoNombre+" <input type='hidden' name='txtNombreComponente' id='NombreComponente"+ dat +"' value='"+ rpt[dat].CoNombre +"' />\
                               </td>\
                                <td>\
                                   <img src='../imagen/editar.png' width='25' height='25' alt='editar' onclick='CargarNombre("+ dat +","+ rpt[dat].Oid +");'/>\
                               </td>\
                               <td>\
                                   <img src='../imagen/eliminar.png' width='20' height='20' alt='eliminar' onclick='EliminarComponente("+ rpt[dat].Oid +");'/>\
                               </td>\
                            </tr> ";

           } 
           resp += "</table>";
           datos.append(resp);
               document.getElementById("NombreComponente").value = '';
            
        }
        
        function CargarNombre(Posi,OidComponente){
            
            document.getElementById("NombreComponente").value = document.getElementById("NombreComponente"+Posi).value;
            document.getElementById("BotonEditarC").innerHTML = '<input type="button" class="btn btn-success" value="Editar" onclick="EditarComponente('+ OidComponente +');"/>';
            
        }
        
        function EditarComponente(OidComponente){
            
            var NombreComponente = document.getElementById("NombreComponente").value;
            
            
            $.ajax({
                async: true,
                type: "POST",
                dataType: 'json',
                contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                url: "../../Bitacora/Controlador/Consultas/BllComponente.php",
                data: {tc:3,NombreComponente:NombreComponente,OidComponente:OidComponente},
                success: RespuestaEditarComponente
            });
            
        }
        
        function RespuestaEditarComponente(datos){
            
            CargarComponentes();
            document.getElementById("BotonEditarC").innerHTML = '<input type="button" value="Guardar" class="btn btn-success" onclick="GuardarComponente();"/>';
            alertify.success("Los datos se editaron correctamente.");
            
        }
        
        function EliminarComponente(OidComponente){
            
            alertify.confirm("Esta seguro de eliminar el componente?", function (e) {
                if (e) {
                    
                    $.ajax({
                        async: true,
                        type: "POST",
                        dataType: 'json',
                        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                        url: "../../Bitacora/Controlador/Consultas/BllComponente.php",
                        data: {tc:4,OidComponente:OidComponente},
                        success: RespuestaEliminarComponente
                    });
                    
                } else { 
                    
                }
            }); 
            return false;

        }
        
        function RespuestaEliminarComponente(datos){
            
            CargarComponentes();
            
        }
        
       //funcion para cargar el autocomplete del nivel de servio dependiente del area de servicio 
        function ComboNivel(){
                var Area = $("#TipoNecesidad").val();
                $('#DescripcionNivel').autocomplete({
                   source : '../../Bitacora/Controlador/Consultas/BllNivel.php?tc=2&Area='+Area+'',
                   select : function(event, ui){
                       $('#resultados').slideUp('slow', function(){
                            $('#resultados').html(
                                '<strong>Nombre: </strong>' + ui.item.value
                                  
                            );
                       });
                       document.getElementById("Nivel").value = ui.item.Oid;
                       $('#resultados').slideDown('slow');
                   }
                });
            }
             function CargarArea(){
             $('#NombreTipoNecesidad').autocomplete({
                   source : '../../Bitacora/Controlador/Consultas/BllTipoNecesidad.php?tc=2',
                   select : function(event, ui){
                       $('#resultados').slideUp('slow', function(){
                            $('#resultados').html(
                                '<strong>Nombre: </strong>' + ui.item.value
                                  
                            );
                       });
                       document.getElementById("TipoNecesidad").value = ui.item.Oid;
                       ComboNivel();
                       $('#resultados').slideDown('slow');
                   }
                });
                
        }
        
        /*Funcion para cargar los datos el modal de nuevas area , area en el sistema de deteccion v1 era el tipo de necesidad*/
           function VentanaArea(){
               var tc = 4;
                $.ajax({
                       type: "POST",
                       contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                       url: "../../Bitacora/Controlador/Consultas/BllTipoNecesidad.php",
                       data: {tc:tc},
                       success: DatosArea//si la conexion desde el json es exitosa
                 });
           }
           
           /*Funcion para cargar los datos de la consulta del modal de area */
           function DatosArea(datos){
              $("#DatosArea").text("");
               rpt = $.parseJSON(datos);//obtengo los datos del json
                    datos = $("#DatosArea");
                    var resp = "";
                    resp += "<table id='t2' class='t2' style='height:20%;width:100.2%;' border='0' cellpadding='2' cellspacing='0'>\
                                <tbody class='scrollContent'>";
                     var con = 1;
                     for(dat in rpt){//se pinta la tabla segun los datos 
                     resp += "<tr id='trt' class='trt' style=' padding:0.5px 5px 0.5px;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));'>\
                                    <td>\
                                        "+rpt[dat].TnDescripcion+"<input type='hidden' name='' id='Descripcion"+dat+"' value='"+rpt[dat].TnDescripcion+"' />\
                                    </td>\
                                    <td>\
                                        "+rpt[dat].NOMBRES+"<input type='hidden' name='' id='Usua"+dat+"' value='"+rpt[dat].UsuarioOid+"' /><input type='hidden' name='' id='NombreUsua"+dat+"' value='"+rpt[dat].NOMBRES+"' />\
                                    </td>\
                                    <td>\
                                        "+rpt[dat].TnTiempoRes+"<input type='hidden' name='' id='Usua"+dat+"' value='"+rpt[dat].UsuarioOid+"' /><input type='hidden' name='' id='NombreUsua"+dat+"' value='"+rpt[dat].NOMBRES+"' />\
                                    </td>\
                                   <td>\
                                        <img src='../Imagen/edi.png' width='20' height='20' alt='edi' onclick='EditarArea("+dat+","+rpt[dat].Oid+","+ rpt[dat].TnTiempoRes +");'/>\
                                   </td>\
                                 </tr> ";
                   con++;
                   } 
                   resp += "</table>";
                   datos.append(resp);
                   CargarUsuarioEncargado();
           }
           
           function CargarUsuarioEncargado(){
                $('#NombreEncargado').autocomplete({
                   source : '../../Bitacora/Controlador/Consultas/BllClasificacion.php?tc=4',
                   select : function(event, ui){
                       $('#resultados').slideUp('slow', function(){
                            $('#resultados').html(
                                '<strong>Nombre: </strong>' + ui.item.value
                                  
                            );
                       });
                       document.getElementById("UsuarioEncargado").value = ui.item.Oid;
                       $('#resultados').slideDown('slow');
                   }
                });
           }
           function GuardarArea(){
           
               if($("#Nombre").val()===""){
                   
                    alertify.alert("Digite El Nombre Del Área De Servicio."),function(){
                     $("#Nombre").focus();   
                    };
                    return false;
                    
                }
                
                if($("#TiempoRespuesta").val()===""){
                   
                    alertify.alert("Digite El Numero De Dias Para El Derrogue."),function(){
                     $("#TiempoRespuesta").focus();   
                    };
                    return false;
                    
                }
                
                if($("#UsuarioEncargado").val()===""){

                    alertify.alert("Seleccione Un Usuario Administrador Del Servició."),function(){
                        $("#UsuarioEncargado").focus();   
                    };
                    return false;

                }else{

                   var Nombre = $("#Nombre").val();
                   var Usuario = $("#UsuarioEncargado").val();
                   var TiempoRespuesta = $("#TiempoRespuesta").val();
                   var tc = 1;

                    $.ajax({
                           type: "POST",
                           contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                           url: "../../Bitacora/Controlador/Consultas/BllTipoNecesidad.php",
                           data: {Nombre:Nombre,Usuario:Usuario,tc:tc,TiempoRespuesta:TiempoRespuesta},
                           success: MensajeGuardarArea
                     });
                 }
             
           }
           
           function MensajeGuardarArea(){
            alertify.success("Los Datos Se Guardaron Con Exito.");
            VentanaArea();
            $("#Nombre").val("");
            $("#UsuarioEncargado").val("");
            $("#NombreEncargado").val("");
            $("#TiempoRespuesta").val("");
            document.getElementById("BotonGuardarArea").innerHTML = '<input type="button" value="Guardar" class="btn btn-success" onclick="GuardarArea();"/>';
           }
           
           function EditarArea(Posi,Oid,TiempoRespuesta){
               document.getElementById("Nombre").value = $("#Descripcion"+Posi).val();
               document.getElementById("NombreEncargado").value = $("#NombreUsua"+Posi).val();
               document.getElementById("UsuarioEncargado").value = $("#Usua"+Posi).val();
               document.getElementById("TiempoRespuesta").value = TiempoRespuesta;
               document.getElementById("BotonGuardarArea").innerHTML = '<input type="button" value="Editar" class="btn btn-success" onclick="EditaArea('+Oid+');"/>';
           }
           
           function EditaArea(Oid){
               
                if($("#Nombre").val()===""){
                    
                alertify.alert("Digite El Nombre Del Área De Servicio"),function(){
                    $("#Nombre").focus();   
                };
                return false;
                
                }
                
                if($("#UsuarioEncargado").val()===""){
                    alertify.alert("Seleccione Un Usuario"),function(){
                     $("#UsuarioEncargado").focus();   
                    };
                    return false;
                }
                
                if($("#TiempoRespuesta").val()===""){
                    alertify.alert("Digite El Numero De Dias Para El Derrogue."),function(){
                     $("#TiempoRespuesta").focus();   
                    };
                    return false;
                }
                
                var Nombre = $("#Nombre").val();
                var Usuario = $("#UsuarioEncargado").val();
                var TiempoRespuesta = $("#TiempoRespuesta").val();
                var tc = 3;
               
                $.ajax({
                       type: "POST",
                       contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                       url: "../../Bitacora/Controlador/Consultas/BllTipoNecesidad.php",
                       data: {Oid:Oid,Nombre:Nombre,Usuario:Usuario,tc:tc,TiempoRespuesta:TiempoRespuesta},
                       success: MensajeGuardarArea
                 });
           }
           
           function AdministradorGlobal(Conducta){
               
               /*Conducta del evento 
                *1: Cambiar Usuario Global
                *2: Editar Usuario Global*/
               
               if(Conducta == 1){
                   
                   if(document.getElementById("AdminGlobal").checked == true){
                   
                        document.getElementById("ImgEditarUsuarioGlobal").style.display = 'block';
                        CambiarEstadoUsusarioGlobal(1);

                    }else{

                        document.getElementById("ImgEditarUsuarioGlobal").style.display = 'none';
                        document.getElementById("OcultarAdminGlobal").style.display = 'none';
                        document.getElementById("OcultarAdminGlobal2").style.display = 'none';
                        document.getElementById("OcultarAdminGlobal3").style.display = 'none';
                        CambiarEstadoUsusarioGlobal(0);
                        

                    }
                   
               }else if(Conducta == 2){
                   
                   document.getElementById("OcultarAdminGlobal").style.display = 'block';
                   document.getElementById("OcultarAdminGlobal2").style.display = 'block';
                   document.getElementById("OcultarAdminGlobal3").style.display = 'block';
                   
               }
               
               
               
           }
           
           function CerrarEdicionUsuGlobal(){
               
               document.getElementById("OcultarAdminGlobal").style.display = 'none';
               document.getElementById("OcultarAdminGlobal2").style.display = 'none';
               document.getElementById("OcultarAdminGlobal3").style.display = 'none';
               
           }
           
           function CambiarEstadoUsusarioGlobal(Estado){
               
               var OidTipoNecesidad = document.getElementById("OidTipoNecesidad").value;
               
               $.ajax({
                       async: true,
                       dataType: 'json',
                       type: "POST",
                       contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                       url: "../../Bitacora/Controlador/Consultas/BllClasificacion.php",
                       data: {tc:7,Estado:Estado,OidTipoNecesidad:OidTipoNecesidad},
                       success: RespuestaEstadoUsuarioGlobal
                 });
               
           } 
           
           function RespuestaEstadoUsuarioGlobal(datos){
               
               DatosParametrizacion();
               
           }
           
           function EditarUsuarioGlobal(){
               
               var OidTipoNecesidad = document.getElementById("OidTipoNecesidad").value;
               var OidUsuarioGlobal = document.getElementById("OidUsuarioGlobal").value;
               
               /*Validacion campos requeridos*/
               if(OidUsuarioGlobal == ""){
                    alertify.alert("Por favor seleccione el usuario.", function () {
                        $("#UsuarioGlobal").focus();
                    });
                    return false;
                }
               
               
               $.ajax({
                       async: true,
                       dataType: 'json',
                       type: "POST",
                       contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                       url: "../../Bitacora/Controlador/Consultas/BllUsuarioGlobal.php",
                       data: {tc:1,OidTipoNecesidad:OidTipoNecesidad,OidUsuarioGlobal:OidUsuarioGlobal},
                       success: RespuestaEditarUsuarioGlobal
                 });
               
               
           }
           
           function RespuestaEditarUsuarioGlobal(datos){
               
               alertify.success("El usuario se edito satisfactoriamente");
               DatosParametrizacion();
               
           }
           
           function CancelarArea(){
               
               document.getElementById("BotonGuardarArea").innerHTML = '<input type="button" value="Guardar" class="btn btn-success" onclick="GuardarArea();"/>';
               
           }
           
        </script>
    </head>
    <body onload="CargarUsuario();/*ComboNivel()*/;DatosParametrizacion();CargarArea();">
        <table>
            <tr>
                <td>
                    <form>
                        <section class="">
                            <div class="formulario">
                                <table style="font-size: 80%">
                                    <tr>
                                        <td colspan="4" align="center">
                                             <h1>CLASIFICACIONES<br><br></h1> 
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <input placeholder="Área De Servicio" type="text" name="" value="" id="NombreTipoNecesidad"/>
                                            <input type="hidden" name="" value="" id="TipoNecesidad"/>
                                            <img style="margin-top: -10px;cursor: pointer" data-toggle="modal" data-target="#VentanaArea"  src="../imagen/nuevo.png" width="20" height="20" alt="nuevo" onclick="VentanaArea();"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <input placeholder="Nivel De Servicio" type="text" name="" id="DescripcionNivel" value="" />
                                            <img src="../imagen/nuevo.png" data-toggle="modal" data-target="#VentanaNivel" width="20" height="20" alt="nuevo" onclick="CargarNivel();"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <input placeholder="Nombre Categoria" type="text" name="" value=""  id="Clasificacion"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <input placeholder="Usuario Administrador" type="text" name="" value="" id="NombreUsuario"/>
                                        </td>
                                    </tr>
                                     <tr>
                                         <td>
                                            Tipo De Nivel De Servicio:
                                            <input type="checkbox" name="" Title="Aleatorio" value="1" id="Aleatorio" onchange="MarcarAleatorio();"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td height="10px"></td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <table style="font-size: 100%">
                                                <tr>
                                                    <td width="5"></td>
                                                    <td>
                                                        Administrador Global:
                                                    </td>
                                                    <td width="5"></td>
                                                    <td>
                                                        <input type="checkbox" name="txtAdminGlobal" id="AdminGlobal" value="" onchange="AdministradorGlobal(1);" />
                                                        <input type="hidden" name="txtOidTipoNecesidad" id="OidTipoNecesidad" value="" />
                                                        <input type="hidden" name="txtEstadoUsuarioGlobal" id="EstadoUsuarioGlobal" value="" />
                                                    </td>
                                                    <td width="5"></td>
                                                    <td id="ImgEditarUsuarioGlobal" style="display: none">
                                                        <img src="../imagen/edi.png" style="cursor: pointer" width="20" height="20" alt="edi" onclick="AdministradorGlobal(2);" />
                                                    </td>
                                                    <td width="5"></td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div id="Componentes">
                                                
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td height="60px"></td>
                                    </tr>
                                    <tr>
                                        <td align="center">
                                            <table>
                                                <tr>
                                                    <td>
                                                        <div id="BotonGuarda"><input type="button" value="Guardar" class="btn btn-success" onclick="GuardarClasificacion();"/></div>
                                                    </td>
                                                    <td style="width: 10px">
                                                    </td>
                                                    <td>
                                                        <input type="reset" value="Limpiar" class="btn btn-info" onclick="LimpiarFormulario();"/>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </section>
                    </form>
                </td>
                <td>
                    <section class="">
                        <div class="login">
                            <h1>PARAMETRIZACION MESA DE AYUDA</h1>
                            <form>
                                <table style="width: 100%" >
                                    <tr>
                                        <td>
                                             <div class="exterior" >
                                                <table id="t1" class="t1" style="font-size: 90%;height:100%;width:100%;" border="0" cellpadding="0" cellspacing="1" border>
                                                    <thead class="fixedHeader" style="color:white;background:#069;position:static ;">
                                                        <tr>
                                                            <th>Área De Servicio</th>
                                                            <th>Nombre Nivel De Servicio</th>
                                                            <th>Nombre Categoria</th>
                                                            <th>Usuario Administrador Del Servició</th>
                                                            <th>Componentes</th>
                                                        </tr>
                                                    </thead>
                                                </table>
                                              </div>
                                              <div class="interior" id="inte">
                                                <div id="dato"></div>
                                              </div>
                                          </td>
                                      </tr>
                                </table>
                            </form>
                        </div>
                    </section>
                </td>
            </tr>
            <tr>
                <td colspan="2" align="right">
                    <table style="margin-top: 20px">
                        <tr>
                            <td id="OcultarAdminGlobal" style="display: none">
                                <input placeholder="Usuario Administrador" type="text" name="txtUsuarioGlobal" id="UsuarioGlobal" value=""/>
                                <input type="hidden" name="txtOidUsuarioGlobal" id="OidUsuarioGlobal" value="" onchange="AdministradorGlobal(1);" />
                            </td>
                            <td width="5"></td>
                            <td id="OcultarAdminGlobal2" style="display: none">
                                <input style="margin-top: -15px" type="button" class="btn btn-success" value="✔" onclick="EditarUsuarioGlobal();"/>
                            </td>
                            <td width="5"></td>
                            <td id="OcultarAdminGlobal3" style="display: none">
                                <input style="margin-top: -15px" type="button" class="btn btn-danger" value="X" onclick="CerrarEdicionUsuGlobal();"/>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    <div id="DatosVentanaNivel"></div>
              <div class="modal fade" id="VentanaArea" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true" style="padding: 100px" >
                <div class="modal-dialog modal-lg">
                    <div class="modal-content" style="width: 800px;height: 440px">
                        <div class="modal-header">
                              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                              <h4 class="modal-title" id="myModalLabel">ÁREA DE SERVICIO</h4>
                          </div>
                        <div class="modal-body">
                            <div style="height: 490px;">
                                <table>
                                    <tr>
                                        <td>
                                            <div class="exterior">
                                                <table id="t1" class="t1" style="height:100%;width:100%;" border="0" cellpadding="0" cellspacing="1" border>
                                                <thead class="fixedHeader" style="color:white;background:#069;position:static ;">
                                                <tr>
                                                <th>Descripcion</th>
                                                <th>Usuario</th>
                                                <th>Dias de Derrogue</th>
                                                <th>Editar</th>
                                                </tr>
                                                </thead>
                                                </table>
                                            </div>
                                            <div class="interior2" id="inte2" style="width: 750px;height: 230px">
                                                    <div id="DatosArea"></div>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><br>
                                            <form>
                                                <table style="font-size: 90%;width: 100%">
                                                    <tr>
                                                        <td>
                                                            <input placeholder="Nombre Área De Servició" type="text" style="width: 370px" name="" value="" id="Nombre" />
                                                        </td>
                                                        <td>
                                                            <input placeholder="Usuario Administrador Servició" type="text" style="width: 370px" name="" value="" id="NombreEncargado"/><input type="hidden" name="" value="" id="UsuarioEncargado"/>
                                                        </td>
                                                    <tr>
                                                    <tr>
                                                        <td>
                                                            <input placeholder="Dias de Derrogue de la Solicitud" style="width: 370px" type="text" name="txtTiempoRespuesta" id="TiempoRespuesta" value="" />
                                                        </td>
                                                        <td colspan="3" align="right">
                                                            <table>
                                                                <td style="padding-bottom: 10px; padding-left: 5px" align="right">
                                                                    <div id="BotonGuardarArea"><input type="button" value="Guardar" class="btn btn-success" onclick="GuardarArea();"/></div>
                                                                </td>
                                                                <td style="padding-bottom: 10px; padding-left: 5px">
                                                                    <input type="reset" value="Limpiar" class="btn btn-info" onclick="CancelarArea();"/>
                                                                </td>
                                                            </table>
                                                        </td>
                                                    </tr>
                                              </table>
                                            </form>
                                          </td>
                                      </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        <div class="modal fade" id="VentanaComponentes" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true" style="padding: 100px" >
            <div class="modal-dialog modal-lg">
                <div class="modal-content" style="width: 800px;height: 400px">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true" onclick="CrearComponente(2,0)">&times;</button>
                          <h4 class="modal-title" id="myModalLabel">Componentes Clasificación</h4>
                      </div>
                    <div class="modal-body">
                        <div style="height: 490px;">
                            <table>
                                <tr>
                                    <td>
                                        <div class="exterior">
                                            <table id="t1" class="t1" style="height:100%;width:100%;" border="0" cellpadding="0" cellspacing="1" border>
                                            <thead class="fixedHeader" style="color:white;background:#069;position:static ;">
                                            <tr>
                                            <th>Nombre Componente</th>
                                            <th>Editar</th>
                                            <th>Eliminar</th>
                                            </tr>
                                            </thead>
                                            </table>
                                        </div>
                                        <div class="interior2" id="inte2" style="width: 750px;height: 230px">
                                                <div id="DatosComponentes"></div>
                                          </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td align="right">
                                        <form>
                                            <table style="margin-top: 10px">
                                                <tr>
                                                    <td>
                                                        <input type="hidden" name="txtOidClasificacion" id="OidClasificacion" value="" />
                                                        <input placeholder="Nombre Componente" type="text" name="" value="" id="NombreComponente" />
                                                    </td>
                                                    <td style="padding-bottom: 10px; padding-left: 5px">
                                                        <div id="BotonEditarC"><input type="button" value="Guardar" class="btn btn-success" onclick="GuardarComponente();"/></div>
                                                    </td>
                                                    <td style="padding-bottom: 10px; padding-left: 5px">
                                                        <input type="reset" value="Finalizar" class="btn btn-info" data-dismiss="modal" onclick="CrearComponente(2,0)"/>
                                                    </td>
                                                </tr>
                                          </table>
                                        </form>
                                      </td>
                                  </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </br></br></br>
        <input type="hidden" name="" value="" id="Nivel"/>
        <input type="hidden" name="" value="" id="Usuario"/>
    </body>
</html>
